<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>角色</title>
    <link rel="stylesheet" href="../css/iconfont.css">
	<link href="https://cdn.jsdelivr.net/npm/feidao-css/feidao.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" href="../css/daokes.css">
</head>

<body>
<div id="left" class="fl pos-a" style="width:200px;height:100%;background:#000f1e;"></div>
<div id="right" style="height:100%;margin-left:200px;">
    <div class="bg-e border-b-1" style="height:80px;line-height:80px;"></div>
    <div class="pos-r">
        <div style="padding:20px;">
            <!--操作 start-->
            <div style="min-height:30px;margin-bottom: 10px;">
                <input type="button" class="bg-1890ff border-none text-c color-f cursor-p fr radius-4" style="line-height:30px;margin-left:10px;width: 100px;" value="功能权限分配" />
                <input type="button" class="bg-1890ff border-none text-c color-f cursor-p fr radius-4" style="line-height:30px;margin-left:10px;width: 100px;" value="删除" />
                <input type="button" class="bg-1890ff border-none text-c color-f cursor-p fr radius-4" style="line-height:30px;margin-left:10px;width: 100px;" value="修改" />
                <input type="button" class="bg-1890ff border-none text-c color-f cursor-p fr radius-4" style="line-height:30px;width: 100px;" value="新增" />
                <div class="l-ht30">
                    <span class="display-ib vertical-a-t font14 color-9 text-r" style="line-height:30px;width:100px;">角色名称：</span>
                    <input type="text" value="" placeholder="" class="border-1 radius-4 vertical-a-t color-3 pl5" style="line-height:30px;width:310px;" />
                    <input type="button" value="查询" class="bg-1890ff border-none text-c color-f radius-4" style="line-height:30px;margin-left: 20px;width: 80px;"/>
                </div>
            </div>
            <!--操作 end-->
            <!--列表 start -->
            <div class="">
                <div class="overflow-x-a" style="width:100%;min-height:600px;">
                    <!--表头 start 给表头一个id叫做t_title-->
                    <div class="bg-f4 border-t-1 border-b-1 border-l-1 t_title font12" style="width:815px;height:40px;line-height:40px;">
                        <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">角色编号</span>
                        <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">角色名称</span>
                        <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">角色类型</span>
                        <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">添加时间</span>
                    </div>
                    <!--表头 end-->
                    <!--表体 start-->
                    <div class="border-b-1 border-l-1 t_body font12" style="width:815px;line-height:40px;">
                        <div class="tableRow">
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">p2342342</span>
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">renyu</span>
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">人员</span>
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">2018-05-2 19:82:23</span>
                        </div>
                        <div class="tableRow">
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">p2342342</span>
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">renyu</span>
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">人员</span>
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">2018-05-2 19:82:23</span>
                        </div>
                        <div class="tableRow">
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">p2342342</span>
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">renyu</span>
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">人员</span>
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">2018-05-2 19:82:23</span>
                        </div>
                        <div class="tableRow">
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">p2342342</span>
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">renyu</span>
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">人员</span>
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">2018-05-2 19:82:23</span>
                        </div>
                    </div>
                    <!--表体 end-->
                </div>
                <!--筛选结果为空的蒙版 start-->
                <div>
                    <div class="text-c cursor-p color-9 display-n" style="padding:100px 0;">
                        <i class="iconfont icon-wushuju text-c vertical-a-t font100"></i>
                        <div class="font28" style="line-height:50px;">当前筛选条件下，没有匹配的数据</div>
                    </div>
                </div>
                <!--筛选结果为空的蒙版 end-->
                <!--分页 start-->
                <div style="margin-top:10px;height:30px;line-height:30px;">分页</div>
                <!--分页 end-->
            </div>
            <!--列表 end -->
        </div>
    </div>
</div>



<!--新增角色弹窗 start-->
<div class="pos-f bg-black-rgba3 display-n" style="top:0;left:0;width:100%;height:100%;z-index:99;">
    <div class="pos-f bg-f radius-4 overflow-h" style="top:10%;left:50%; width:600px;margin-left:-300px;">
        <div class="bg-f4 font14 bg-1890ff color-f" style="line-height:40px;padding-left:10px;">
            <i class="icon iconfont icon-close fr text-c cursor-p" title="关闭弹窗" style="width:40px;"></i>新增角色
        </div>
        <div class="displayn" style="padding:20px 40px;">
                <div style="margin-top:20px;">
                    <span class="display-ib vertical-a-t font14 color-9 text-r" style="line-height:30px;width:150px;"><span class="display-ib font-red font22 vertical-a-m" style="height:20px;">*</span>角色名称：</span>
                    <input type="text" value="" placeholder="" class="border-1 radius-4 vertical-a-t color-3 pl5" style="line-height:30px;width:310px;" />
                </div>
                <div style="margin-top:20px;">
                    <span class="display-ib vertical-a-t font14 color-9 text-r" style="line-height:30px;width:150px;"><span class="display-ib font-red font22 vertical-a-m" style="height:20px;">*</span>角色类型：</span>
                    <select class="border-1 radius-4 vertical-a-t color-3" style="height:30px;width:317px;margin-right:10px;">
                        <option>字符</option>
                    </select>
                </div>
                <div style="margin-top:20px;">
                    <span class="display-ib vertical-a-t font14 color-9 text-r" style="line-height:30px;width:150px;">添加时间：</span>
                    <span class="display-ib radius-4 vertical-a-t color-3 pl5" style="line-height:30px;width:310px;">2018-05-2 19:82:23</span>
                </div>
                <div class="text-c" style="line-height:40px;margin-top: 40px;margin-bottom: 20px;">
                    <input type="button" value="保存" class="bg-1890ff border-none radius-4 vertical-a-t cursor-p color-f " style="line-height:30px;margin-right: 30px;width: 80px;" />
                    <input type="button" value="取消" class="bg-c border-none radius-4 vertical-a-t cursor-p " style="line-height:30px;width: 80px;" />
                </div>
            </div>
    </div>
</div>
<!--新增角色弹窗 end-->

<!--修改角色弹窗 start-->
<div class="pos-f bg-black-rgba3 display-n" style="top:0;left:0;width:100%;height:100%;z-index:99;">
        <div class="pos-f bg-f radius-4 overflow-h" style="top:10%;left:50%; width:600px;margin-left:-300px;">
            <div class="bg-f4 font14 bg-1890ff color-f" style="line-height:40px;padding-left:10px;">
                <i class="icon iconfont icon-close fr text-c cursor-p" title="关闭弹窗" style="width:40px;"></i>修改角色
            </div>
            <div class="displayn" style="padding:20px 40px;">
                    <div style="margin-top:20px;">
                        <span class="display-ib vertical-a-t font14 color-9 text-r" style="line-height:30px;width:150px;"><span class="display-ib font-red font22 vertical-a-m" style="height:20px;">*</span>角色名称：</span>
                        <input type="text" value="" placeholder="" class="border-1 radius-4 vertical-a-t color-3 pl5" style="line-height:30px;width:310px;" />
                    </div>
                    <div style="margin-top:20px;">
                        <span class="display-ib vertical-a-t font14 color-9 text-r" style="line-height:30px;width:150px;"><span class="display-ib font-red font22 vertical-a-m" style="height:20px;">*</span>角色类型：</span>
                        <select class="border-1 radius-4 vertical-a-t color-3" style="height:30px;width:317px;margin-right:10px;">
                            <option>字符</option>
                        </select>
                    </div>
                    <div style="margin-top:20px;">
                        <span class="display-ib vertical-a-t font14 color-9 text-r" style="line-height:30px;width:150px;">添加时间：</span>
                        <span class="display-ib radius-4 vertical-a-t color-3 pl5" style="line-height:30px;width:310px;">2018-05-2 19:82:23</span>
                    </div>
                    <div class="text-c" style="line-height:40px;margin-top: 40px;margin-bottom: 20px;">
                        <input type="button" value="保存" class="bg-1890ff border-none radius-4 vertical-a-t cursor-p color-f " style="line-height:30px;margin-right: 30px;width: 80px;" />
                        <input type="button" value="取消" class="bg-c border-none radius-4 vertical-a-t cursor-p " style="line-height:30px;width: 80px;" />
                    </div>
                </div>
        </div>
</div>
<!--修改角色弹窗 end-->

<!--权限弹窗start-->
<div class="pos-f bg-black-rgba3 display-n" style="top:0;left:0;width:100%;height:100%;z-index:99;">
    <div class="pos-f bg-f radius-4 overflow-h" style="top:10%;left:5%; width:1720px;">
            <div class="bg-f4 font14 bg-1890ff color-f" style="line-height:40px;padding-left:10px;">
                <i class="icon iconfont icon-close fr text-c cursor-p" title="关闭弹窗" style="width:40px;"></i>角色权限
            </div>
            <!--角色关联权限start-->
            <div class="displayn display-ib vertical-a-t " style="padding:10px;width: 584px;">
                        <div style="min-height:30px;margin-bottom: 10px;">
                            <span class="display-ib vertical-a-t font14 color-3 text-r" style="line-height:30px;width:100px;">角色关联权限</span>
                        </div>
                        <div style="min-height:30px;margin-bottom: 10px;">
                            <input type="button" class="bg-1890ff border-none text-c color-f cursor-p fr radius-4" style="line-height:30px;width: 60px;" value="删除" />
                            <input type="button" class="bg-1890ff border-none text-c color-f cursor-p fr radius-4" style="line-height:30px;width: 60px;margin-right: 10px;" value="新增" />
                            <div class="l-ht30">
                                <span class="display-ib vertical-a-t font14 color-9 text-r" style="line-height:30px;width:100px;">权限组名称：</span>
                                <input type="text" value="" placeholder="" class="border-1 radius-4 vertical-a-t color-3 pl5" style="line-height:30px;width:240px;" />
                                <input type="button" value="查询" class="bg-1890ff border-none text-c color-f radius-4" style="line-height:30px;margin-left: 20px;width: 60px;"/>
                            </div>
                        </div>
                        <!--表头 start 给表头一个id叫做t_title-->
                        <div class="bg-f4 border-t-1 border-b-1 border-l-1 t_title font12" style="width:543px;height:40px;line-height:40px;margin-left: 30px;">
                                <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:267px;">权限组编号</span>
                                <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:270px;">权限组名称</span>
                        </div>
                            <!--表头 end-->
                            <!--表体 start-->
                        <div class="border-b-1 border-l-1 t_body font12" style="width:543px;line-height:40px;margin-left: 30px;">
                            <div class="tableRow">
                                <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:267px;">modelIDrfafa</span>
                                <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:270px;">备注</span>
                            </div>
                            <div class="tableRow">
                                <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:267px;">modelID</span>
                                <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:270px;">备注</span>
                            </div>
                            <div class="tableRow">
                                <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:267px;">modelID</span>
                                <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:270px;">备注</span>
                            </div>
                        </div>
            </div>
            <!--角色关联权限end-->
            <!--条件组分配权限start-->
            <div class="displayn display-ib vertical-a-t " style="padding:10px;">
                    <div style="min-height:30px;margin-bottom: 10px;">
                        <span class="display-ib vertical-a-t font14 color-3 text-r" style="line-height:30px;width:100px;">条件组分配权限</span>
                    </div>
                    <div style="min-height:30px;margin-bottom: 10px;">
                        <input type="button" class="bg-1890ff border-none text-c color-f cursor-p fr radius-4" style="line-height:30px;width: 80px;" value="还原" />
                        <input type="button" class="bg-1890ff border-none text-c color-f cursor-p fr radius-4" style="line-height:30px;width: 80px;margin-right: 10px;" value="向后合并" />
                        <input type="button" class="bg-1890ff border-none text-c color-f cursor-p fr radius-4" style="line-height:30px;width: 80px;margin-right: 10px;" value="向前合并" />
                        <input type="button" class="bg-1890ff border-none text-c color-f cursor-p radius-4" style="line-height:30px;width: 80px;margin-right: 10px;" value="新增" />
                        <input type="button" class="bg-1890ff border-none text-c color-f cursor-p radius-4" style="line-height:30px;width: 80px;margin-right: 10px;" value="修改" />
                        <input type="button" class="bg-1890ff border-none text-c color-f cursor-p radius-4" style="line-height:30px;width: 80px;margin-right: 40px;" value="删除" />
                    </div>
                    <!--表头 start 给表头一个id叫做t_title-->
                    <div class="bg-f4 border-t-1 border-b-1 border-l-1 t_title font12" style="width:510px;height:40px;line-height:40px;">
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:100px;">选择</span>
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">连接符</span>
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">条件组</span>
                    </div>
                        <!--表头 end-->
                        <!--表体 start-->
                    <div class="border-b-1 border-l-1 t_body font12" style="width:510px;line-height:40px;">
                        <div class="tableRow">
                                <span class="display-ib text-c ht40 l-ht40 border-r-1 vertical-a-t" style="width:100px"><input type="checkbox" class=" cursor-p mt14"></span>
                                <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">连接符4532</span>
                                <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">条件组</span>
                        </div>
                        <div class="tableRow">
                                <span class="display-ib text-c ht40 l-ht40 border-r-1 vertical-a-t" style="width:100px"><input type="checkbox" class=" cursor-p mt14"></span>
                                <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">连接符53</span>
                                <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">条件组453</span>
                        </div>
                        <div class="tableRow">
                                <span class="display-ib text-c ht40 l-ht40 border-r-1 vertical-a-t" style="width:100px"><input type="checkbox" class=" cursor-p mt14"></span>
                                <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">连接符53</span>
                                <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">条件组53</span>
                        </div>
                    </div>
                    <div style="margin-top: 50px;">
                        <div style="min-height:30px;margin-bottom: 10px;">
                            <input type="button" class="bg-1890ff border-none text-c color-f cursor-p radius-4" style="line-height:30px;width: 80px;margin-right: 10px;" value="生成表达式" />
                        </div>
                        <div class="border-1 white-s-n" style="width: 510px;height: 100px;">
                            <p class="p5">group1且group2：(staff_no='1014'或staff_no='10116'或staff_no='1011388')</p>
                        </div>
                    </div>

            </div>
            <!--条件组分配权限end-->
            <!--条件分配权限start-->
            <div class="displayn display-ib vertical-a-t " style="padding:10px;">
                <div style="min-height:30px;margin-bottom: 10px;">
                    <span class="display-ib vertical-a-t font14 color-3 text-r" style="line-height:30px;width:100px;">条件分配权限</span>
                </div>
                <div style="min-height:30px;margin-bottom: 10px;">
                    <input type="button" class="bg-1890ff border-none text-c color-f cursor-p radius-4" style="line-height:30px;width: 60px;margin-right: 10px;" value="新增" />
                    <input type="button" class="bg-1890ff border-none text-c color-f cursor-p radius-4" style="line-height:30px;width: 60px;margin-right: 10px;" value="修改" />
                    <input type="button" class="bg-1890ff border-none text-c color-f cursor-p radius-4" style="line-height:30px;width: 60px;margin-right: 40px;" value="删除" />
                </div>
                <!--表头 start 给表头一个id叫做t_title-->
                <div class="bg-f4 border-t-1 border-b-1 border-l-1 t_title font12" style="width:481px;height:40px;line-height:40px;">
                        <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:80px;">选择</span>
                        <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:100px;">条件组</span>
                        <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:100px;">字段</span>
                        <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:80px;">操作符</span>
                        <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:100px;">值</span>
                </div>
                    <!--表头 end-->
                    <!--表体 start-->
                <div class="border-b-1 border-l-1 t_body font12" style="width:481px;line-height:40px;">
                    <div class="tableRow">
                        <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:80px;">
                            <select class="border-1 radius-4 vertical-a-t color-3 ht30 l-ht30" style="width:75px;margin-right:10px;">
                                <option></option>
                            </select>
                        </span>
                        <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:100px;">group1</span>
                        <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:100px;">
                            <select class="border-1 radius-4 vertical-a-t color-3 ht30 l-ht30" style="width:90px;margin-right:10px;">
                                <option></option>
                            </select>
                        </span>
                        <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:80px;">
                            <select class="border-1 radius-4 vertical-a-t color-3 ht30 l-ht30" style="width:75px;margin-right:10px;">
                                <option></option>
                            </select>
                        </span>
                        <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:100px;">
                            <input type="text" class="display-ib border-1 radius-4 color-3 vertical-a-t ht30 l-ht30 pl5" style="width: 90px;" readonly/><input type="button" value="..."class="border-1" style="height: 32px;position:relative;left:-24px;top:-3px;" />
                        </span>
                    </div>
                    <div class="tableRow">
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:80px;">
                                <select class="border-1 radius-4 vertical-a-t color-3 ht30 l-ht30" style="width:75px;margin-right:10px;">
                                    <option></option>
                                </select>
                            </span>
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:100px;">group1</span>
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:100px;">
                                <select class="border-1 radius-4 vertical-a-t color-3 ht30 l-ht30" style="width:90px;margin-right:10px;">
                                    <option></option>
                                </select>
                            </span>
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:80px;">
                                <select class="border-1 radius-4 vertical-a-t color-3 ht30 l-ht30" style="width:75px;margin-right:10px;">
                                    <option></option>
                                </select>
                            </span>
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:100px;">
                                <input type="text" class="display-ib border-1 radius-4 color-3 vertical-a-t ht30 l-ht30 pl5" style="width: 90px;" readonly/><input type="button" value="..."class="border-1" style="height: 32px;position:relative;left:-24px;top:-3px;" />
                            </span>
                    </div>
                    <div class="tableRow">
                                <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:80px;">
                                    <select class="border-1 radius-4 vertical-a-t color-3 ht30 l-ht30" style="width:75px;margin-right:10px;">
                                        <option></option>
                                    </select>
                                </span>
                                <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:100px;">group1</span>
                                <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:100px;">
                                    <select class="border-1 radius-4 vertical-a-t color-3 ht30 l-ht30" style="width:90px;margin-right:10px;">
                                        <option></option>
                                    </select>
                                </span>
                                <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:80px;">
                                    <select class="border-1 radius-4 vertical-a-t color-3 ht30 l-ht30" style="width:75px;margin-right:10px;">
                                        <option></option>
                                    </select>
                                </span>
                                <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:100px;">
                                    <input type="text" class="display-ib border-1 radius-4 color-3 vertical-a-t ht30 l-ht30 pl5" style="width: 90px;" readonly/><input type="button" value="..."class="border-1" style="height: 32px;position:relative;left:-24px;top:-3px;" />
                                </span>
                    </div>
                </div>

            </div>
            <!--条件分配权限end-->
            <!--分页 start-->
            <div style="margin-top:10px;height:30px;line-height:30px;">分页</div>
            <!--分页 end-->
    </div>
</div>
<!--权限弹窗end-->















<!--权限组引用 start-->
<div class="pos-f bg-black-rgba3 display-n" style="top:0;left:0;width:100%;height:100%;z-index:99;">
        <div class="pos-f bg-f radius-4 overflow-h" style="top:10%;left:50%; width:447px;margin-left:-230px;">
            <div class="bg-f4 font14 bg-1890ff color-f" style="line-height:40px;padding-left:10px;">
                <i class="icon iconfont icon-close fr text-c cursor-p" title="关闭弹窗" style="width:40px;"></i>权限组引用
            </div>
            <div class="p20">
                    <div style="min-height:30px;margin-bottom: 10px;">
                        <input type="button" class="bg-1890ff border-none text-c color-f cursor-p fr radius-4" style="line-height:30px;width: 80px;margin-left: 10px;" value="确定" />
                    </div>
                    <!--表头 start 给表头一个id叫做t_title-->
                    <div class="bg-f4 border-t-1 border-b-1 border-l-1 t_title font12" style="height:40px;line-height:40px;">
                        <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">权限组编号</span>
                        <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;">权限组名称</span>
                    </div>
                    <!--表头 end-->
                    <!--表体 start-->
                    <div class="border-b-1 border-l-1 t_body font12" style="line-height:40px;">
                        <div class="tableRow">
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t " style="height:40px;width:200px;">生产人员</span>
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;"></span>
                        </div>
                        <div class="tableRow">
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t " style="height:40px;width:200px;">生产人员</span>
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;"></span>
                        </div>
                        <div class="tableRow">
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t " style="height:40px;width:200px;">生产人员</span>
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;"></span>
                        </div>
                        <div class="tableRow">
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t " style="height:40px;width:200px;">生产人员</span>
                            <span class="pos-r display-ib text-c border-r-1 vertical-a-t" style="height:40px;width:200px;"></span>
                        </div>
                    </div>
                    <!--表体 end-->
            </div>
        </div>
</div>
<!--权限组引用 end-->

<!--修改条件组 start-->
<div class="pos-f bg-black-rgba3 display-n" style="top:0;left:0;width:100%;height:100%;z-index:99;">
        <div class="pos-f bg-f radius-4 overflow-h" style="top:10%;left:50%; width:600px;margin-left:-300px;">
            <div class="bg-f4 font14 bg-1890ff color-f" style="line-height:40px;padding-left:10px;">
                <i class="icon iconfont icon-close fr text-c cursor-p" title="关闭弹窗" style="width:40px;"></i>修改条件组
            </div>
            <div class="displayn" style="padding:20px 40px;">
                    <div style="margin-top:20px;">
                        <span class="display-ib vertical-a-t font14 color-9 text-r" style="line-height:30px;width:150px;">条件组：</span>
                        <span class="display-ib radius-4 vertical-a-t color-3 pl5" style="line-height:30px;width:310px;">grouping1</span>
                    </div>
                    <div style="margin-top:20px;">
                        <span class="display-ib vertical-a-t font14 color-9 text-r" style="line-height:30px;width:150px;">连接符：</span>
                        <select class="border-1 radius-4 vertical-a-t color-3" style="height:30px;width:317px;margin-right:10px;">
                            <option>字符</option>
                        </select>
                    </div>
                    <div class="text-c" style="line-height:40px;margin-top: 40px;margin-bottom: 20px;">
                        <input type="button" value="保存" class="bg-1890ff border-none radius-4 vertical-a-t cursor-p color-f " style="line-height:30px;margin-right: 30px;width: 80px;" />
                        <input type="button" value="取消" class="bg-c border-none radius-4 vertical-a-t cursor-p " style="line-height:30px;width: 80px;" />
                    </div>
            </div>
        </div>
</div>
<!--修改条件组end-->

<!--新增条件弹窗 start-->
<div class="pos-f bg-black-rgba3 display-n" style="top:0;left:0;width:100%;height:100%;z-index:99;">
        <div class="pos-f bg-f radius-4 overflow-h" style="top:10%;left:50%; width:600px;margin-left:-300px;">
            <div class="bg-f4 font14 bg-1890ff color-f" style="line-height:40px;padding-left:10px;">
                <i class="icon iconfont icon-close fr text-c cursor-p" title="关闭弹窗" style="width:40px;"></i>新增条件
            </div>
            <div class="displayn" style="padding:20px 40px;">
                    <div style="margin-top:20px;">
                        <span class="display-ib vertical-a-t font14 color-9 text-r" style="line-height:30px;width:150px;">条件组：</span>
                        <span class="display-ib radius-4 vertical-a-t color-3 pl5" style="line-height:30px;width:310px;">grouping1</span>
                    </div>
                    <div style="margin-top:20px;">
                            <span class="display-ib vertical-a-t font14 color-9 text-r" style="line-height:30px;width:150px;">连接符：</span>
                            <select class="border-1 radius-4 vertical-a-t color-3" style="height:30px;width:317px;margin-right:10px;">
                                <option>字符</option>
                            </select>
                    </div>
                    <div style="margin-top:20px;">
                            <span class="display-ib vertical-a-t font14 color-9 text-r" style="line-height:30px;width:150px;">字段：</span>
                            <select class="border-1 radius-4 vertical-a-t color-3" style="height:30px;width:317px;margin-right:10px;">
                                <option>字符</option>
                            </select>
                    </div>
                    <div style="margin-top:20px;">
                            <span class="display-ib vertical-a-t font14 color-9 text-r" style="line-height:30px;width:150px;">操作符：</span>
                            <select class="border-1 radius-4 vertical-a-t color-3" style="height:30px;width:317px;margin-right:10px;">
                                <option>字符</option>
                            </select>
                    </div>
                    <div style="margin-top:20px;">
                            <span class="display-ib vertical-a-t font14 color-9 text-r" style="line-height:30px;width:150px;">值：</span>
                            <input type="text" class="display-ib border-1 radius-4 color-3 vertical-a-t ht30 l-ht30 pl5" style="width: 317px;" readonly/><input type="button" value="..."class="border-1" style="height: 32px;position:relative;left:-24px;top:1px;" />
                    </div>
                    <div class="text-c" style="line-height:40px;margin-top: 40px;margin-bottom: 20px;">
                        <input type="button" value="保存" class="bg-1890ff border-none radius-4 vertical-a-t cursor-p color-f " style="line-height:30px;margin-right: 30px;width: 80px;" />
                        <input type="button" value="取消" class="bg-c border-none radius-4 vertical-a-t cursor-p " style="line-height:30px;width: 80px;" />
                    </div>
                </div>
        </div>
</div>
<!--新增条件弹窗 end-->
<!--修改条件弹窗 start-->
<div class="pos-f bg-black-rgba3 display-n" style="top:0;left:0;width:100%;height:100%;z-index:99;">
        <div class="pos-f bg-f radius-4 overflow-h" style="top:10%;left:50%; width:600px;margin-left:-300px;">
            <div class="bg-f4 font14 bg-1890ff color-f" style="line-height:40px;padding-left:10px;">
                <i class="icon iconfont icon-close fr text-c cursor-p" title="关闭弹窗" style="width:40px;"></i>修改条件
            </div>
            <div class="displayn" style="padding:20px 40px;">
                    <div style="margin-top:20px;">
                        <span class="display-ib vertical-a-t font14 color-9 text-r" style="line-height:30px;width:150px;">条件组：</span>
                        <span class="display-ib radius-4 vertical-a-t color-3 pl5" style="line-height:30px;width:310px;">grouping1</span>
                    </div>
                    <div style="margin-top:20px;">
                            <span class="display-ib vertical-a-t font14 color-9 text-r" style="line-height:30px;width:150px;">连接符：</span>
                            <select class="border-1 radius-4 vertical-a-t color-3" style="height:30px;width:317px;margin-right:10px;">
                                <option>字符</option>
                            </select>
                    </div>
                    <div style="margin-top:20px;">
                            <span class="display-ib vertical-a-t font14 color-9 text-r" style="line-height:30px;width:150px;">字段：</span>
                            <select class="border-1 radius-4 vertical-a-t color-3" style="height:30px;width:317px;margin-right:10px;">
                                <option>字符</option>
                            </select>
                    </div>
                    <div style="margin-top:20px;">
                            <span class="display-ib vertical-a-t font14 color-9 text-r" style="line-height:30px;width:150px;">操作符：</span>
                            <select class="border-1 radius-4 vertical-a-t color-3" style="height:30px;width:317px;margin-right:10px;">
                                <option>字符</option>
                            </select>
                    </div>
                    <div style="margin-top:20px;">
                            <span class="display-ib vertical-a-t font14 color-9 text-r" style="line-height:30px;width:150px;">值：</span>
                            <input type="text" class="display-ib border-1 radius-4 color-3 vertical-a-t ht30 l-ht30 pl5" style="width: 317px;" readonly/><input type="button" value="..."class="border-1" style="height: 32px;position:relative;left:-24px;top:1px;" />
                    </div>
                    <div class="text-c" style="line-height:40px;margin-top: 40px;margin-bottom: 20px;">
                        <input type="button" value="保存" class="bg-1890ff border-none radius-4 vertical-a-t cursor-p color-f " style="line-height:30px;margin-right: 30px;width: 80px;" />
                        <input type="button" value="取消" class="bg-c border-none radius-4 vertical-a-t cursor-p " style="line-height:30px;width: 80px;" />
                    </div>
                </div>
        </div>
</div>
<!--修改条件弹窗 end-->

<!--删除提示 start-->
<!--删除提示 end-->

<!--提示信息 start-->
<!--提示信息 end-->

</body>

</html>